/* 
 * Company: seowhy.com
 * Author : fesiong
 * Time   : 2015-08-06
 */
*{padding:0px;margin:0px;font-family:"Microsoft Yahei"}
li{list-style:none}
a:hover{text-decoration:none;}
/* header */
.site-header{height:100px;width:100%;border-bottom:1px solid #ebebeb;position:relative;z-index:99999;}
.site-header.small{height:46px;position:fixed;z-index:99999;}
.site-header .logo{width:200px;height:80px;margin:10px 10px;background:url('../images/logo.png') center;}
.site-header .logo a{display:block;}
.site-header.small .logo{width:150px;height:36px;margin:5px 10px;background:url('../images/logo-small.png') center;}
.site-header.small .logo a{padding:20px 10px;}
.navbar{margin-bottom:0px;}
.site-header .navbar{min-height:46px;margin-bottom:0px;width:100%;border-radius:0;}
.site-header .navbar a{padding: 40px 10px;}
.site-header.small .navbar a{padding: 13px 10px;}
.site-header.small .navbar-toggle{margin-top: 5px;margin-bottom:5px;}
.header-slide{overflow:hidden;width:100%;}
.header-slide .slideBox{position:relative;height:300px;}
.header-slide .slideBox .hd{text-align:center;position:absolute;bottom: 40px;width:100%;z-index:999;}
.header-slide .slideBox .hd a{padding:8px;background:#eee;background:rgba(221, 221, 221, 0.7);border-radius:10px;display: inline-block;margin:5px;cursor:pointer;}
.header-slide .slideBox .hd a.on{background:#fff;}
.header-slide .slideBox .bd li{height:300px; background-position:50% 0;background-size:cover;}
.header-slide .slideBox .bd a{display:block;width:100%;height:100%;}
.header-slide .slideBox .bd_title{position: absolute;bottom: 0px;text-align: center;width: 100%;background-color: #999;height: 40px;line-height: 40px;opacity: .7;color: #fff;}
@media (max-width: 767px) {
	.site-header{height:46px;position:fixed;z-index:99999;}
	.site-header .logo{width:150px;height:36px;margin:5px 10px;background:url('../images/logo-small.png') center;}
	.site-header  .logo a{padding:20px 10px;}
	.site-header .navbar a{padding: 13px 10px;}
	.sidebar .widget{padding:21px 0px 0px !important;}
}

/* footer */
.page-footer{background:#f5f5f5;padding:20px 0;margin-top:20px;border-top:1px solid #ebebeb}
.page-footer li{line-height:30px;}
.box-tit{font-size:16px;border-bottom: 1px solid #ebebeb;padding-bottom: 10px;margin-bottom: 10px;}
.box-tit .more{font-size:13px;padding-right:10px;font-weight:normal;padding:5px;}
.company-info i{padding-right:5px;}
.copyright{text-align:center;padding-top:20px;border-top:1px dotted #999;}
.box-content{overflow:hidden;}


/* index */
.main-content{overflow:hidden;}
.company-description{}
.index-box{border:1px solid #ebebeb;margin-top:20px;overflow:hidden;padding-bottom:20px;}
.color-red{color:#f60;}
.color-red span{padding-left:5px;font-size:1.2em;color:#f90;}
.index-box .box-tit{border-bottom:0px;padding:15px 15px 0;}
.description{text-indent:2em;}
.index-news li{border-bottom: 1px dotted #ebebeb;margin-top: 10px;}
.image-box{height: 0;padding-bottom: 80%;position: relative;width: 100%;overflow: hidden;border: 1px solid #ebebeb;}
.image-box img{width: auto;height: auto;position: absolute;text-align:center;}
.product-box p{height:40px;padding-top:5px;}
.category-more{font-size:13px;font-weight:normal;padding:5px;}
.category-more a{}
.category-more a:after{content:"|";padding-left: 8px;padding-right:5px;}

.crumb{background:#f5f5f5;}
.crumb .breadcrumb{margin-bottom:0px;}
.post-head{text-align: center;}
.post-meta{color: #959595;margin: 15px 0;}
.post-meta span{margin: 0px 7px;white-space: nowrap;}
.post-footer{padding-top:20px;}
.sidebar .widget {background: #ffffff;padding: 21px 0px 0px 30px;}
.widget .title {margin-top: 0;padding-bottom: 7px;border-bottom: 1px solid #ebebeb;margin-bottom: 21px;position: relative;}
.widget .content{overflow:hidden;}
.widget li{line-height:30px;}
.widget .tag-cloud a {border: 1px solid #ebebeb;padding: 2px 7px;color: #959595;line-height: 1.5em;display: inline-block;margin: 0 7px 7px 0;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.widget .tag-cloud a:hover {color: #333;background: #ccc;border: 1px solid #ccc;text-decoration: none;}
.product-meta{margin-top:20px;overflow:hidden;margin-bottom:20px;}
.product-thumb{border:1px solid #ebebeb;padding:10px;margin-bottom:10px;}
.product-thumb img{}
.thumb-box{position:relative;height:0px;padding-bottom:90%;overflow:hidden;}
.product-info{text-align:left;}
.product-info h1{margin-top:0px;border-bottom:1px dotted #ebebeb;padding-bottom:10px;font-size:18px;}
.product-info dt,.product-info.dd{float:left;}
.product-info dl{margin-bottom:10px;}
.product-content{margin-bottom:20px;border-bottom:1px solid #ebebeb}
.article-list{overflow:hidden;}
.article-list li{line-height:30px;border-bottom:1px dotted #ebebeb;padding:10px;}
.article-list li:nth-child(odd){background-color:#f9f9f9}
.friend-link li{float:left;padding:0 5px;}

.pagination {margin: 0 0 35px;text-align: center;display: block;}
.pagination a {text-align: center;display: inline-block;color: #666;background: #fff;border-radius: 2px;border:1px solid #ebebeb;}
.pagination a:hover {background: #ebebeb;text-decoration: none;border:1px solid #ccc}
.pagination a i {width: 36px;height: 36px;line-height: 36px;}
.pagination .page-number {background: #fff;color: #666;margin: 0 3px;display: inline-block;line-height: 36px;padding: 0 14px;border-radius: 2px;border:1px solid #ebebeb;}
.thumbimg{text-align:center;}
.thumbimg img{width:50%;margin:15px auto;padding:2px;border:1px solid #999;}

.picFocus{ margin:0 auto;  width:100%;height:100%;position:absolute;  overflow:hidden;  zoom:1;   }
.picFocus .hdthumb{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hdthumb ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hdthumb ul li{ padding-top:5px; float:left;  text-align:center; width:20%; height:20%;}
.picFocus .hdthumb ul li img{ width:100%; height:100%; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hdthumb ul li.on{ background:url("../images/icoUp.gif") no-repeat center 0; }
.picFocus .hdthumb ul li.on img{ border-color:#f60;}
.picFocus .bdthumb{height:80%;}
.picFocus .tempWrap,.picFocus .bdthumb ul{height:100%;}
.picFocus .bdthumb li{ vertical-align:middle;height:100%;}
.picFocus .bdthumb img{ width:100%; height:100%; display:block;  }
.productthumbslide{width: 100%;height: 0px;position: relative;padding-bottom: 80%;}
